<template>
  <div>
    <nav class="common-nav mb20">
      <h2 style="width: 100px" class="common-nav__title tab_active">支用</h2>
    </nav>
    <BaseTable :data="disburseList" :columns="columns" :pagination="false"></BaseTable>
  </div>
</template>

<script>
import BaseTable from '@/components/BaseTable/index.vue'

export default {
  name: 'Disburse',
  components: {
    BaseTable,
  },
  props: {
    disburseList: Array,
  },
  data() {
    return {
      list: [],
      columns: [
        { label: '银行流水', prop: 'bankNo' },
        { label: '金额', prop: 'bankAmount' },
        {
          label: '平台流水',
          prop: 'drawdownNo',
          render: (val, row) => {
            return <span>{row.drawdownNo ? row.drawdownNo : '--'}</span>
          },
        },
        {
          label: '平台金额',
          prop: 'drawdownAmount',
          render: (val, row) => {
            return <span>{row.drawdownAmount ? row.drawdownAmount : '--'}</span>
          },
        },
        { label: '失败原因', prop: 'failReason' },
      ],
    }
  },
}
</script>

<style lang="scss" scoped></style>
